// DOM加载完成后执行初始化
document.addEventListener('DOMContentLoaded', function() {
    // 处理登录表单
    const loginForm = document.getElementById('loginForm');
    
    if (loginForm) {
        loginForm.addEventListener('submit', function(e) {
            // 阻止表单默认提交行为
            e.preventDefault();
            
            // 获取表单数据
            const email = document.getElementById('email').value;
            const password = document.getElementById('password').value;
            let isValid = true;
            
            // 验证邮箱/手机号
            if (!email) {
                showError('email', '请输入邮箱或手机号');
                isValid = false;
            } else {
                hideError('email');
            }
            
            // 验证密码
            if (!password) {
                showError('password', '请输入密码');
                isValid = false;
            } else if (password.length < 6) {
                showError('password', '密码至少6位');
                isValid = false;
            } else {
                hideError('password');
            }
            
            // 所有验证通过后执行登录逻辑
            if (isValid) {
                // 模拟登录成功，设置登录状态到localStorage
                localStorage.setItem('isLoggedIn', 'true');
                alert('登录成功');
                window.location.href = 'index.html';
            }
        });
    }
    
    // 处理注册表单
    const registerForm = document.getElementById('registerForm');
    
    if (registerForm) {
        registerForm.addEventListener('submit', function(e) {
            // 阻止表单默认提交行为
            e.preventDefault();
            
            // 获取表单数据
            const email = document.getElementById('reg-email').value;
            const phone = document.getElementById('reg-phone').value;
            const password = document.getElementById('reg-password').value;
            const confirm = document.getElementById('reg-confirm').value;
            let isValid = true;
            
            // 验证邮箱
            if (!email) {
                showError('reg-email', '请输入邮箱');
                isValid = false;
            } else if (!/^\S+@\S+\.\S+$/.test(email)) {
                // 使用正则表达式验证邮箱格式
                showError('reg-email', '邮箱格式不正确');
                isValid = false;
            } else {
                hideError('reg-email');
            }
            
            // 验证手机号
            if (!phone) {
                showError('reg-phone', '请输入手机号');
                isValid = false;
            } else if (!/^1[3-9]\d{9}$/.test(phone)) {
                // 使用正则表达式验证手机号格式（11位，以1开头）
                showError('reg-phone', '手机号格式不正确');
                isValid = false;
            } else {
                hideError('reg-phone');
            }
            
            // 验证密码
            if (!password) {
                showError('reg-password', '请输入密码');
                isValid = false;
            } else if (password.length < 6) {
                showError('reg-password', '密码至少6位');
                isValid = false;
            } else {
                hideError('reg-password');
            }
            
            // 验证确认密码
            if (!confirm) {
                showError('reg-confirm', '请确认密码');
                isValid = false;
            } else if (confirm !== password) {
                showError('reg-confirm', '两次密码不一致');
                isValid = false;
            } else {
                hideError('reg-confirm');
            }
            
            // 所有验证通过后执行注册逻辑
            if (isValid) {
                // 模拟注册成功，设置登录状态到localStorage
                localStorage.setItem('isLoggedIn', 'true');
                alert('注册成功');
                window.location.href = 'index.html';
            }
        });
    }
});

// 显示错误信息
function showError(fieldId, message) {
    const field = document.getElementById(fieldId);
    const errorElement = field.nextElementSibling;
    
    // 修改输入框样式为错误状态
    field.style.borderColor = '#f01414';
    // 显示错误信息
    errorElement.textContent = message;
    errorElement.style.display = 'block';
}

// 隐藏错误信息
function hideError(fieldId) {
    const field = document.getElementById(fieldId);
    const errorElement = field.nextElementSibling;
    
    // 恢复输入框默认样式
    field.style.borderColor = '#ddd';
    // 隐藏错误信息
    errorElement.style.display = 'none';
}